<nz-tabset [nzTabBarExtraContent]="extraTemplate">
  <nz-tab nzTitle="组件详情">


    <nz-list nzBordered>
      <nz-list-item><span>ID</span>{{data.id}}</nz-list-item>
      <nz-list-item><span>名称</span>{{data.name}}</nz-list-item>
      <nz-list-item><span>版本</span>{{data.version}}</nz-list-item>
      <nz-list-item><span>创建时间</span>{{data.created|dateString}}</nz-list-item>
      <nz-list-item><span>导出</span><a [href]="'/api/component/'+id+'/export'" target="_blank">下载</a></nz-list-item>
      <nz-list-item><span>编辑器</span><a [routerLink]="'/admin/component-edit/'+id">编辑</a></nz-list-item>
    </nz-list>


  </nz-tab>
  <nz-tab nzTitle="相关组态" nzDisabled>
    <ng-template nz-tab>
      【待实现】
    </ng-template>
  </nz-tab>

</nz-tabset>

<ng-template #extraTemplate>
  <a (click)="load()" title="刷新">
    <i nz-icon nzType="reload" [nzSpin]="loading"></i>
  </a>
  <nz-divider nzType="vertical"></nz-divider>
  <a title="原始数据" appViewConfig [config]="data">
    <i nz-icon nzType="profile"></i>
  </a>
  <nz-divider nzType="vertical"></nz-divider>
  <a title="编辑" [routerLink]="'/admin/component/edit/'+id">
    <i nz-icon nzType="form"></i>
  </a>
</ng-template>
